<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html{
            background-color:rgb(226, 226, 226);

        }
        
        .zi{
             width: 450px;
             height: 560px;
             background-color: white;
             overflow: hidden;
             box-shadow:1px 0px 4px rgb(160, 160, 160),-1px 0px 4px rgb(160, 160, 160);
             text-align: center;
             
            
        }
        .sun {
            width: 350px;
            height: 365px;
            background-color: rgb(28, 177, 156);
            overflow: hidden;
            margin:25px 25px 0px 45px;

        }
        .sun p{
           
           line-height: 25px;
            text-align: justify;
            margin:45px 40px 0px 40px;
            color: white;
            font-size: 15px ;
       }
       .sun2{
           position: relative;
           width: 350px;
           height:170px;
           margin:1px 30px 0px;
           box-shadow:1px 0px 1px rgb(230, 230, 230),-1px 0px 1px rgb(230, 230, 230);
       }
        
           
           
          
       .sun2 img{
           position: absolute;
           top: -45px;
           left: 160px;
           z-index: 1;
       }
       .sun2 .zhou {
           line-height: 20px;
           text-align: center;
           font-weight: 400;
            color: black;
            width: 410px;
          
         
        
        
       }
       .sun2 .article{
           color:rgb(165, 165, 165);
           font-size: 12px;
           margin:6px -15px 0px 3px;
           width: 350px;
       }

    </style>
 </head>
 <body>
     
        <div class="zi">
             <div class="sun">
              <p>特聘医师，宠物医院特聘医师;  从业宠物行业20年，接诊病例万余例；专业理论知识扎实，多次参加业内专业技术培训及各类兽医师大会。</p>
             </div>
             <div class="sun2">
                 <img src="images/images/zhouer1.png"><br><br>
              <p class="zhou">周尔</p>
              <p class="article">特聘医师，宠物医院特聘医师；从业宠物行业20年，接...</p>
             </div>
         </div>
    
 </body>
 </html>      
      

             
            
